// 导入Vue
import Vue from 'vue'
// 导入normalize.css 标准的css样式文件,进行样式初始化
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
// 导入ElementUI及相关的资源包
import ElementUI from 'element-ui'
// 导入elementUI 的css样式
import 'element-ui/lib/theme-chalk/index.css'
// 导入elementUI的语言包
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n

// 导入全局的样式文件
import '@/styles/index.scss' // global css

// 导入项目根组件
import App from './App'
// 导入vuex
import store from './store'
//  导入路由
import router from './router'
// 导入字体图标
import '@/icons' // icon
// 导入并执行权限控制代码 --> 通过路由守卫  router.beforeEach 实现权限控制
import '@/permission' // permission control

// process.env node.js提供的环境变量,可以在程序中直接使用
// process.env 会根据程序执行的环境自动加载不同的配置文件
// console.log(process.env, 'process.env ')
// if (process.env.NODE_ENV === 'development') {
//   console.log('代表开发环境')
// } else {
//   console.log('生产环境')
// }

// 注册element-ui 并配置语言包
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

Vue.config.productionTip = false

// 创建Vue的实例
new Vue({
  el: '#app',
  router, // 全局挂载router实例,就可以在任何的vue文件中 使用 this.$router获取到router实例
  store, // 全局挂载store实例,就可以在任何的vue文件中 使用 this.$store获取到store实例
  render: (h) => h(App)
})
